<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Tuding的Fixed布局T模式</title>
<link rel="stylesheet" href="../css/prettify.css" type="text/css" />
<script type="text/javascript" src="../js/prettify.js"></script>
</head>

<body onload="prettyPrint()">
<h1>Tuding的Fixed布局T模式</h1>
<hr />
<pre class="prettyprint linenums">
@charset "utf-8";
/* Fixed T Mode copyright(c)bubujie.net */
/* ######### ######### ######### BEGIN::Fixed ######### ######### ######### */
/* Ding */
.ding { position:relative; *zoom:1; }
.ding:after { content:""; display:block; clear:both; }
/* Body & bHead & bBody & bFoot */
body { margin:0; padding:0; }
#bhead, #bbody, #bfoot { position:relative; clear:both; *zoom:1; }
#bhead:after, #bbody:after, #bfoot:after { content:""; display:block; clear:both; }
/* Wrapping & Filling */
.wrapping, .filling { position:relative; clear:both; *zoom:1; }
.wrapping:after, .filling:after { content:""; display:block; clear:both; }
/* Width */
.fixed .wrapping { width:950px; margin-left:auto; margin-right:auto; }
/* Align */
.lefting .wrapping { margin-left:0; }
.righting .wrapping { margin-right:0; }
/* Ming & Ning */
.ming, .ning { position:relative; overflow:hidden; *zoom:1; }
.ming:after, .ning:after { content:""; display:block; clear:both; }
/* bHead */
#bhead ul { position:relative; }
#bhead li { position:relative; display:inline; list-style:none; }
/* bBody */
#bbody .ning .section { position:relative; }
/* bFoot */
#bfoot ul { position:relative; }
#bfoot li { position:relative; display:inline; list-style:none; }
/* Fixed M */
.fixed .m .n1 { margin-right:-25px; }
.fixed .m .n1 .section { float:left; width:300px; margin-right:25px; }
/* Fixed MN */
.fixed .mn .n1 { width:190px; float:right; }
.fixed .mn .ming { width:750px; float:left; }
/* Fixed NM */
.fixed .nm .n1 { width:190px; float:left; }
.fixed .nm .ming { width:750px; float:right; }
/* Fixed MNN */
.fixed .mnn .n1, .fixed .mnn .n2 { width:190px; }
.fixed .mnn .n1 {  float:left; margin-right:-100%; left:560px; }
.fixed .mnn .ming { width:550px; float:left; }
.fixed .mnn .n2 { float:right; }
/* Fixed NMN */
.fixed .nmn .n1, .fixed .nmn .n2 { width:190px; }
.fixed .nmn .n1 { float:left; margin-right:10px; }
.fixed .nmn .ming { width:550px; float:left; }
.fixed .nmn .n2 { float:right; }
/* Fixed NNM */
.fixed .nnm .n1, .fixed .nnm .n2 { width:190px; }
.fixed .nnm .n1 { float:left; margin-right:10px; }
.fixed .nnm .ming { width:550px; float:right; }
.fixed .nnm .n2 { float:left; }
/* X (Horizontal) */
.xcl { clear:left; }
.xcr { clear:right; }
.xcb { clear:both; }
.xfl { float:left; }
.xfr { float:right; }
.xfc { margin-left:auto; margin-right:auto; }
/* Blank */
.blank { height:5px; line-height:5px; clear:both; visibility:hidden; }
/* ######### ######### ######### END::Fixed ######### ######### ######### */

</pre>
<hr />
<div id="colophon">
  <address>
  <a href="http://www.bubujie.com/" target="_blank" class="logo"><img src="../img/logo_16px.gif" width="48" height="20" alt="步步街"></a> <em>Copyright ©</em> <a href="http://www.bubujie.com/" target="_blank">步步街银川网络商城</a> <span>All Rights Reserved.</span>
  </address>
</div>
</html>
